<template>
  <div>
    <van-nav-bar
        id="NavBar"
        :title="title"
        fixed
        left-arrow
        @click-left="onClickLeft"
        placeholder
    />
  </div>
</template>

<script>
  export default {
    name: "NavBar",
    props: {
      title: {
        type: String,
        default: '标题'
      }
    },
    methods: {
      onClickLeft () {
        this.$router.back();
      }
    }
  }
</script>

<style scoped>
#NavBar /deep/ .van-icon {
  color: #000000;
}
</style>
